<jsp:useBean id="korisnik"
	type="rs.ac.uns.ftn.informatika.mbs2.e11031.etaksi.entitet.Korisnik"
	scope="session" />
<jsp:useBean id="vozila"
	type="java.util.Collection<rs.ac.uns.ftn.informatika.mbs2.e11031.etaksi.entitet.Vozilo>"
	scope="request" />

<html>
<head>
<title><fmt:message key="prikazVozila" /></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link href="css/tema.css" rel="stylesheet" type="text/css" />
<style type="text/css">
div#brisanje {
	background: #def3ca;
	margin: 3px;
	width: 80px;
	display: none;
	float: left;
	text-align: center;
}

button {
	background: #def3ca;
	margin: 3px;
	width: 80px;
	display: none;
	float: left;
	text-align: center;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
	<table class="zaglavlje">
		<thead>
			<tr>
				<th><a
					href="/${initParam.nazivAplikacije}/PromenaVozilaKontroler"><fmt:message
							key="promenaVozila" /></a></th>
				<th><a
					href="/${initParam.nazivAplikacije}/jsp/promenaLicnihPodataka.jsp"><fmt:message
							key="promenaPodataka" /></a></th>
				<th><a
					href="/${initParam.nazivAplikacije}/jsp/promenaLozinke.jsp"><fmt:message
							key="promenaLozinke" /></a></th>
				<th><a href="/${initParam.nazivAplikacije}/OdjavaKontroler">
						<fmt:message key="odjava" />
				</a></th>
			</tr>
		</thead>
	</table>
	<table class="glavna">
		<thead>
			<tr>
				<th></th>
				<th><fmt:message key="registarskiBroj" /></th>
				<th><fmt:message key="kategorija" /></th>
				<th><fmt:message key="marka" /></th>
				<th><fmt:message key="tip" /></th>
				<th><fmt:message key="boja" /></th>
				<th><fmt:message key="mestaZaSedenje" /></th>
				<th><fmt:message key="zapreminaPrtljaznika" /></th>
				<th><fmt:message key="nosivostPrtljaznika" /></th>
				<th><fmt:message key="oznaka" /></th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="vozilo" items="${vozila}" varStatus="status">
				<tr>
					<td>${status.registarskiBroj}</td>
					<td>${vozilo.kategorija}</td>
					<td>${vozilo.marka}</td>
					<td>${vozilo.tip}</td>
					<td>${vozilo.boja}</td>
					<td>${vozilo.mestaZaSedenje}</td>
					<td>${vozilo.zapreminaPrtljaznika}</td>
					<td>${vozilo.nosivostPrtljaznika}</td>
					<td>${vozilo.oznaka}</td>
					<td>
						<div id="brisanjeVozila${vozilo.id}">
							<span><fmt:message key="daLiSteSigurni" />?</span>
							<button id="da${vozilo.id}">
								<fmt:message key="da" />
							</button>
							<button id="ne${vozilo.id}">
								<fmt:message key="ne" />
							</button>
						</div>
					</td>
					<td><input id="obrisi${vozilo.id}" type="button"
						value='<fmt:message key="obrisi"/>' /></td>
					<td><input id="promeni${vozilo.id}" type="button"
						value='
					<fmt:message key="promeni" />' /></td>
				</tr>

				<script>
					$("#obrisi${putnikId}").click(function () {
						$("#brisanjeVozila${vozilo.id}").show("fast");
					
						$("brisanjePutnika${vozilo.id} > span").show("fast");
						
						$("da${putnikId}").first().show("fast", function showNext() {
							$(this).next("button").show("fast", showNext);
						});
						
						$("#promeni${vozilo.id}").hide();
						$("#obrisi${vozilo.id}").hide();
					});
					
					$("#da${vozilo.id}").click(function () {
						window.location = location.host + "/PrikazPutnikaController?obrisi=${putnikId}";
					)};
					
					$("#ne${vozilo.id}").click(function () {
						$("#brisanjePutnika${vozilo.id}").hide();
						$("#obrisi${vozilo.id}").show();
						$("#promeni${vozilo.id}").show();
					});
				</script>
			</c:forEach>
		</tbody>
	</table>
</body>
</html>
